<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单练习</title>
</head>
<body>
<!--form表单整个表单 action=’#‘表示手机的数据提交到本页
注意：每个input控件必须有name-->
<form action="#">
<!--    单值属性：readonly只读（只能看不能改）disabled禁用（值还不能提交）
        -->
    用户名:<input type="text" name="user1" value="kk" readonly="readonly"><br>
    用户名:<input type="text" name="user2" placeholder="请输入姓名"><br>
    密码&nbsp;&nbsp;&nbsp;:<input type="password" name="pwd" maxlength="6" placeholder="请输入密码"><br>
    <input type="submit"><br>
    <hr>
    <b>性别</b><br>
    <input type="radio" name="gender" value="1" checked="checked">男
    <input type="radio" name="gender" value="0">女
    <br>
    <input type="submit" title="点击提交">
    <hr>
    <b>爱好</b><br>
    <input type="checkbox" name="like" value="cy">抽烟
    <input type="checkbox" name="like" value="hj">喝酒
    <input type="checkbox" name="like" value="tt" checked="checked">烫头
    <input type="checkbox" name="like" value="java" checked="checked">学java
    <br>
    <input type="submit" value="按钮"><br>
<!--    普通按钮-->
    <input type="button" value="普通按钮"><br>
    <button>button标签普通按钮</button>
    <br>
    <input type="reset" value="点我重置"><br>
<!--    日期-->
    <input type="date" name="birthday"><br>
<!--    颜色选择-->
    <input type="color" name="lc"><br>
<!--    缩放-->
    <input type="range" name="sf"><br>
<!--    上传文件-->
    <input type="file" name="uf"><br>
选择你喜欢的城市
    <select name="city" id="">
        <option value="bj">北京</option>
        <option value="cq" selected>重庆</option>
        <option value="sz">深圳</option>
        <option value="ty">太原</option>
    </select><br>
<!--    关联表单-->
    <label for="1">账号</label>
    <input id="1" type="text" name="gl" placeholder="输入账号"><br>
<!--    多行文本域-->
    <textarea name="wenzhang" id="w1" cols="30" rows="10" placeholder="请输入文章..." style="resize: none"></textarea>

</form>
</body>
</html>